$(function () {
  //可取消单选按钮
  let radioValue = null

  let radioList = $("div[name='radio']")

  radioList.click(function() {
    if($(this).attr('disabled')) {
      return
    }
    let checked = !JSON.parse($(this).attr('data-checked'))
    $("div[name='radio']").attr('data-checked' , false)
    $(this).attr('data-checked' , checked)
    if(checked) {
      radioValue = $(this).attr('data-value')
      $("div[name='radio'] > span").removeClass("checked");
      $(this).children('span').addClass("checked")
    }else {
      radioValue = null
      $("div[name='radio'] > span").removeClass("checked");
    }
    console.log(radioValue)
  })


  //不可取消单选按钮
  let radioValue1 = null

  let radioList1 = $("div[name='radio1']")

  radioList1.click(function() {
    if($(this).attr('disabled') || JSON.parse($(this).attr('data-checked'))) {
      return
    }
    $("div[name='radio1']").attr('data-checked' , false)
    $(this).attr('data-checked' , true)
    radioValue1 = $(this).attr('data-value')
    $("div[name='radio1'] > span").removeClass("checked");
    $(this).children('span').addClass("checked")
    console.log(radioValue1)
  })

  //可取消单选按钮(css版)
  let radioValue2 = null

  let radioList2 = $("div[name='radio2']")

  radioList2.click(function() {
    if($(this).attr('disabled')) {
      return
    }
    let checked = !JSON.parse($(this).attr('data-checked'))
    $("div[name='radio2']").attr('data-checked' , false)
    $(this).attr('data-checked' , checked)
    if(checked) {
      radioValue2 = $(this).attr('data-value')
      $("div[name='radio2'] > div").removeClass("checked");
      $(this).children('div').addClass("checked")
    }else {
      radioValue2 = null
      $("div[name='radio2'] > div").removeClass("checked");
    }
    console.log(radioValue2)
  })

})
